<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <div th:insert="commen/head :: header">
    </div>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body  style="background-color: rgb(242,244,247)">
<div th:insert="commen/navigationBar :: topNavBar"></div>
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-2">
                <div style="text-align: center" th:insert="commen/navigationBar :: leafStuNavBar"></div>
            </div>
            <div class="col-md-10">
                <div style="background: white; margin-top: 5px; border-radius: 15px">
                    <div style="position: relative;width: 90%;height: 30px;left: 2%;top: 10px"><span style="margin-top: 10px; font-size: 20px; font-weight: bold;" th:text="${session.course.getCourseName()}">周三3-5节</span></div>
                    <hr>
                    <div style="position: relative;width: 90%;height: 30px;left: 2%;"><h4>进行中([[${countSingingIn}]])</h4></div>

                    <div style="width: 90%;left: 2%;position: relative;background: white">
                        <div th:each="su : ${sus}" th:if="${su.getSingIn().getSingInStatus() == 1}" style="height: 50px">
                            <div th:if="${su.getSingIn().getSingInStatus() == 1}" style="height: 50px;">
                                <a th:href="@{'/studtentsingInInfo/' + ${su.getSId()} }" style="text-decoration: none">
                                    <div class="left" style="margin-top: 10px;">
                                        <img th:src="@{../img/singedIn.jpg}" width="50" height="50" alt="">
                                        <span th:text="${su.getSingIn().getSName()}" style="color:#000;"></span>
                                        <span style="float: right" th:text="${su.getSingIn().getAddTime()}"></span>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                    <hr>
                    <div style="position: relative;width: 90%;height: 30px;left: 2%;"><h4>已结束([[${countSingedIn}]])</h4></div>
                    <div style="width: 90%;left: 2%;position: relative;background: white">
                        <div th:each="su : ${sus}" th:if="${su.getSingIn().getSingInStatus() == 2}" style="height: 50px;">
                            <div th:if="${su.getSingIn().getSingInStatus() == 2}">
                                <a th:href="@{'/studtentsingInInfo/' + ${su.getSId()} }" style="text-decoration: none">
                                    <div style="margin-top: 10px;">
                                        <img th:src="@{../img/cantSingIn.jpg}" width="50" height="50" alt="">
                                        <span th:text="${su.getSingIn().getSName()}" style="color:#000;"></span>
                                        <span style="float: right" th:text="${su.getSingIn().getAddTime()}"></span>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <!--        <div style="width: 100%;height: 100px">-->
                        <!--            <img th:src="@{../img/cantSingIn.jpg}" alt="">-->
                        <!--            <div><div style="height: 100px;width: 100px;margin-left: 90px;position: relative"><h5>&nbsp;</h5><h2>签到</h2></div></div>-->
                        <!--        </div>-->

                        <div style="background: white;height: 20px"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>